<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>首页</title>

    <link href="css/bootstrap.min.css?v=3.3.7" rel="stylesheet">
    <link rel="stylesheet" href="fonts/font-awesome/font-awesome.css">
    <link rel="stylesheet" href="fonts/web-icons/web-icons.css">
    <link rel="stylesheet" href="css/skins/style.css" >


    <!-- 全局js -->
    <script src="js/plugins/jquery/jquery.min.js?v=2.1.4"></script>
    <script src="js/plugins/bootstrap/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/layer/layer.min.js"></script>
   
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="alert alert-info">
        <h4>欢迎您 <span class="text-navy">admin</span> 这是您第 246897 次登录，上次登录日期：2018-10-19 15:44:48 </h4>

    </div>
    <div class="row">

        <div class="col-sm-3">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <span class="label label-primary pull-right">今天</span>
                    <h5>用户</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins">5</h1>
                    <div class="stat-percent font-bold text-navy"><i class="fa fa-level-up"></i>
                    </div>
                    <small>登录次数</small>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <span class="label label-info pull-right">本月</span>
                    <h5>用户</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins">60</h1>
                    <div class="stat-percent font-bold text-info"><i class="fa fa-level-up"></i>
                    </div>
                    <small>登录次数</small>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <span class="label label-warning pull-right">总数</span>
                    <h5>用户</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins">60</h1>
                    <div class="stat-percent font-bold text-warning"></i><i class="fa fa-level-up"></i>
                    </div>
                    <small>人数</small>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <span class="label label-danger pull-right">最近一个月</span>
                    <h5>活跃用户</h5>
                </div>
                <div class="ibox-content">
                    <h1 class="no-margins">300</h1>
                    <div class="stat-percent font-bold text-danger"><i class="fa fa-level-up"></i>
                    </div>
                    <small>人数</small>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4 ui-sortable">

            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>最新动态</h5>
                </div>
                <div class="ibox-content no-padding" style="display: block;">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <p>
                                <a class="text-info" href="index.html#">#感谢有你#</a>
                                感谢你们一路的相伴，未来也请让我为你们撑腰，我们会更好
                            </p>
                            <small class="block text-muted"><i class="fa fa-clock-o"></i> 1分钟前</small>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
        <div class="col-sm-8 ui-sortable">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>图表</h5>
                </div>
                <div class="ibox-content timeline">

                    <div style="width: 100%;height: 300px"></div>

                </div>
            </div>
        </div>

    </div>
</div>


</body>

</html>
